Touch Button Layouts

To create a new touch button layout do the following:

1. Select Store setup > Look and feel > Touch button layouts.
2. Use the Add button to create a new layout.
   
3. Fill in a desciption for the new layout.
4. Select which button grids should be used when you add them to the layout. This can be done later if you have not created the button grids yet.
5. Press the OK button and the touch button layout opens.
   
   • When the layout is new, it is empty. You have to put in all of the different parts of the screen.
     
     
   
6. Select the option Change design
   • A new window opens; this is the customization form with all the possible parts that can be chosen for the POS.
   
7. Use the drag and drop feature to drag the parts to the screen. Only drag into the layout those parts which are required.
   
   

   • The customization window includes all the possible parts that you can have in the POS layout.
   • When a part is dragged into the layout it fills up the available space.
   • It is possible to drag in more parts even though the screen if full, they will adjust in size.
   • The user is in design mode until the customization form is closed, it is always possible to go into design mode again.
   • It is only possible to move parts in the layout while in design mode.
   • The right click button has a few actions while in design mode:
     

1. The layout form immediately displays how the LS POS is going to be displayed.
2. The customization form parts:
   
   • ButtonGrid1 to Buttongrid5 are parts which menus can be attached to. The menus are created in the operation POS Button grid menus.
   • Empty Space Item, Label, Separator and Splitter are extra features.
   • The Receipt option is selected to display the receipt panel.
   • Totals displays the Total panel.
   • All the others on the list are similar to Totals and Receipt. They display panels depending on their functionality.
3. When all the required parts have been put into the layout and their size and location adjusted, leave design mode by closing the customization form.
4. The action, Button grid menus, opens the form Edit touch button layout and in it, it is possible to edit which menus are connected to which button grids.
5. In the touch button layout, it is possible to use the menu buttons and they will open their submenus.
6. For the menu buttons in the layout it is possible to edit the buttons as they are in the POS (using the mouse’s right click and selecting Button properties).
   (See Design Possibilities).
7. When the layout is finished, save it and close the form.
8. Touch button layouts can then be attached to the Store, Terminal and User as previously mentioned.

The examples in this chapter use the Demo Data, which is included in the Site Manager.

The following picture displays the different parts of the touch button layout for the Supermarket POS:

The following picture displays the different parts in the touch button layout for the Fashion POS:

These two examples are very similar to each other but there are a few differences:

• The parts are in different places and in different sizes.
• The Button Grid part 3 is attached with a different menu.

It is quite easy to create new Touch button layouts and attach them to stores, terminals or users. Terminals inside one store might have different touch button layouts depending on their purpose and location. They may be very similar but have different item menus. Another example of different terminals depending on users is that POS users who are left-handed might find a different screen layout more comfortable to use.